import Vue from "vue";
import VueRouter from "vue-router";
const Home = () => import(/*webpackChunkName:'Home'*/ "../views/Home");
const Ranking = () => import(/*webpackChunkName:'Ranking'*/ "../views/Ranking");
const ClassifySong = () =>
  import(/*webpackChunkName:'ClassifySong'*/ "../views/classifySong");
const MusicPlayer = () =>
  import(/*webpackChunkName:'MusicPlayer'*/ "../views/musicPlayer");
const SingerList = () =>
  import(/*webpackChunkName:'SingerList'*/ "../views/SingerList");
const Singer = () =>
  import(/*webpackChunkName:'Singer'*/ "../components/Singer");
const MyMusic = () => import(/*webpackChunkName:'MyMusic'*/ "../views/myMusic");

Vue.use(VueRouter);
const router = new VueRouter({
  mode: "history",
  routes: [
    {
      name: "Home",
      path: "/",
      component: Home,
    },
    {
      name: "Ranking",
      path: "/ranking",
      component: Ranking,
    },
    {
      name: "ClassifySong",
      path: "/classifySong",
      component: ClassifySong,
    },
    {
      name: "MusicPlayer",
      path: "/musicPlayer",
      component: MusicPlayer,
    },
    {
      name: "SingerList",
      path: "/singerList",
      component: SingerList,
    },
    {
      name: "Singer",
      path: "/singer",
      component: Singer,
    },
    {
      name: "MyMusic",
      path: "/myMusic",
      component: MyMusic,
    },
  ],
});
export default router;
